import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import WatchView from '../views/WatchView.vue'
import DynamicComponentView from '../views/DynamicComponentView.vue'

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: [
        {
            path: '/',
            name: 'Home',
            component: HomeView
        },
        {
            path: '/watch',
            name: 'Watch',
            component: WatchView
        },
        {
            path: '/dynamic-component',
            name: 'DynamicComponent',
            component: DynamicComponentView
        }
    ]
})

export default router